<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>刘岩-小米商城</title>
		<style type="text/css">
			* {
				padding: 0;
				margin: 0;
				/*border: 1px solid red;*/
			}
			
			.all {
				margin: 0 auto;
			}
			
			.all .head {
				/*border: 2px solid blue;*/
				background-color: #333333;
				height: 161px;
			}
			
			.head-top {
				background-image: url(img/header.jpg);
				background-position: center;
				height: 120px;
			}
			
			.head-bottom {
				width: 1226px;
				margin: 0 auto;
			}
			
			.head-bottom .nav .nav-left li {
				list-style-type: none;
				float: left;
				font-size: 13px;
				line-height: 41px;
				padding-left: 10px;
			}
			
			.head-bottom .nav li:hover a {
				color: white;
			}
			
			.head-bottom .nav .nav-left a {
				text-decoration: none;
				color: #74828C;
			}
			
			.head-bottom .nav .nav-right li {
				list-style-type: none;
				float: right;
				font-size: 13px;
				line-height: 41px;
				padding-right: 10px;
			}
			
			.head-bottom .nav .nav-right a {
				text-decoration: none;
				color: #74828C;
			}
			
			.nav .buycar {
				/*border: 1px solid black;*/
				width: 120px;
				height: 41px;
				float: right;
				background-color: #ff6700;
				cursor: pointer;
			}
			
			.nav .buycar .buylist {
				width: 220px;
				height: 100px;
				background-color: gray;
				display: none;
			}
			
			.nav .buycar:hover .buylist {
				display: block;
				position: relative;
				z-index: 1;
			}
			
			.buycar a {
				color: white;
				text-decoration: none;
			}
			
			.buycar:hover {
				background-color: white;
			}
			
			.buycar p:hover a {
				color: #FF7213;
			}
			
			.buycar p {
				line-height: 40px;
				font-size: 13px;
			}
			
			.head-bottom span {
				padding-left: 10px;
				color: #424242;
			}
			
			.daohang {
				/*border: 1px solid;*/
				position: relative;
				height: 100px;
			}
			
			.daohang .logo {
				background-color: #FF6B00;
				width: 51px;
				height: 51px;
				position: absolute;
				top: 20px;
			}
			
			.main {
				/*border: 1px solid;*/
				width: 1226px;
				height: 1500px;
				margin: 0 auto;
			}
			
			.gif {
				position: absolute;
				top: 13px;
				left: 60px;
			}
			
			.daohang1 {
				margin-left: 250px;
				text-align: center;
				height: 100px;
				line-height: 100px;
			}
			
			.daohang1 li {
				float: left;
				list-style-type: none;
				/*left: 255px;*/
				/*top: 40px;*/
				padding-left: 20px;
			}
			
			.daohang1 li a {
				color: #333333;
				font-size: 16px;
				text-decoration: none;
			}
			
			.daohang1 li:hover a {
				color: #FF6700;
			}
			
			.daohang1 .item {
				display: none;
				/*border: 1px solid;*/
				border-top: 1px solid #c0c0c0;
				position: absolute;
				top: 100px;
				left: 0px;
				width: 1226px;
				height: 230px;
				z-index: 1;
				background-color: white;
			}
			
			.daohang1 .item>div {
				float: left;
				margin-left: 40px;
				margin-top: 40px;
				width: 160px;
				height: 160px;
			}
			
			.daohang1 li:hover .item {
				display: block;
			}
			
			.daohang1 .item>div img {
				border-right: 1px solid #c0c0c0;
				position: relative;
			}
			
			.daohang1 .item .item_00 img {
				border-right: 0;
			}
			
			.daohang1 .item .item_0 span {
				display: inline-block;
				width: 66px;
				height: 22px;
				border: 1px solid #ff6700;
				line-height: 22px;
				position: absolute;
				top: 0px;
				left: 80px;
				color: #ff6700;
				font-size: 12px;
			}
			
			.daohang1 .item .item_0 span1 {
				display: inline-block;
				width: 66px;
				height: 22px;
				border: 1px solid #ff6700;
				line-height: 22px;
				position: absolute;
				top: 0px;
				left: 480px;
				color: #ff6700;
				font-size: 12px;
			}
			
			.daohang1 .item P {
				display: block;
				width: 180px;
				height: 20px;
				margin-top: -80px;
				margin-left: -15px;
			}
			
			.daohang1 .item span0 {
				font-size: 12px;
				margin-left: -10px;
				color: #ff6700;
			}
			
			.daohang .search{
				width: 298px;
				height: 52px;
				position: absolute;
				top: 20px;
				left: 927px;
				
			}
			.daohang .search input{
				width: 240px;
				height: 48px;
				position: relative;
				top: 1px;
				left: 5px;
				outline: none;
				border: 1px solid #DFDFDF;
				padding-left: 10px;
			}
			.daohang .search .tupian{
				background-image: url(img/2017-08-17_154949.png);
				background-repeat: no-repeat;
				width: 53px;
				height: 52px;
				position: absolute;
				top: 0px;
				left: 245px;
				cursor: pointer;
			}
			.daohang .search .tupian:hover{
				background-image:url(img/2017-08-17_155743.png) ;
			}
				
			/*轮播图开始*/
			
			.nav1 {
				/*border: 5px solid;*/
				width: 1226px;
				height: 460px;
				margin: 0 auto;
				position: relative;
			}
			
			#menu {
				padding: 20px 0;
				width: 234px;
				height: 420px;
				background-color: rgba(0, 0, 0, 0.5);
				position: absolute;
			}
			
			#menu li {
				padding: 0 30px;
				list-style-type: none;
				line-height: 42px;
				color: white;
				font-size: 14px;
				cursor: pointer;
			}
			#menu li strong{
				position: absolute;
				left: 200px;
				font-family: "宋体";
				font-size: 18px;
				font-weight: bolder;
			}
			
			#menu li:hover {
				background-color: #FF6700;
			}
			
			#menu li>div {
				position: absolute;
				background-color: white;
				/*border: 1px solid;*/
				width: 620px;
				height: 460px;
				left: 235px;
				top: 0;
				color: black;
				font-size: 40px;
				display: none;
				z-index: 1;
			}
			
			#menu li:hover>div {
				display: block;
			}
			
			.left,
			.right {
				width: 41px;
				height: 69px;
				/*border: 1px solid red;*/
				font-size: 50px;
				font-family: "宋体";
				text-align: center;
				line-height: 69px;
				/*font-weight: bold;*/
				color: #999;
			}
			
			.left:hover,
			.right:hover {
				background-color: rgba(0, 0, 0, 0.5);
				cursor: pointer;
				color: white;
			}
			
			.left {
				float: left;
			}
			
			.right {
				float: right;
			}
			
			.btn {
				height: 69px;
				width: 992px;
				margin-left: 234px;
				position: absolute;
				top: 0;
				left: 0;
				margin-top: 196px;
			}
			
			.nav1 a {
				position: absolute;
				top: 0;
				left: 0;
			}
			
			.nav1 .dian {
				/*border: 1px solid;*/
				/*z-index: 1;*/
				position: absolute;
				bottom: 25px;
				right: 30px;
			}
			
			.nav1 .dian li {
				float: left;
				list-style-type: none;
				border: 2px solid rgba(148, 148, 148, 0.6);
				width: 6px;
				height: 6px;
				border-radius: 50%;
				margin: 0 5px;
				background-color: rgba(48, 48, 48, 0.8);
			}
			
			.nav1 .dian li:hover,
			.nav1 .dian .active {
				background-color: rgba(240, 240, 240, 0.5);
				border-color: rgba(48, 48, 48, 0.8);
			}
			
			.nav1 #menu #menu_0 .kuang {
				width: 265px;
				height: 76px;
				/*border: 1px solid;*/
			}
			
			.nav1 #menu #menu_0 .kuang img {
				margin-left: 15px;
				margin-top: 15px;
			}
			
			.nav1 #menu #menu_0 .kuang p {
				display: block;
				font-size: 14px;
				width: 170px;
				line-height: 70px;
				margin-top: -60px;
				margin-left: 70px;
			}
			
			.nav1 #menu #menu_0 .kuang span {
				display: block;
				font-size: 14px;
				width: 60px;
				line-height: 24px;
				margin-top: -45px;
				margin-left: 190px;
				background-color: white;
				text-align: center;
				color: #ff6700;
				cursor: pointer;
				border: 1px solid #FF6700;
			}
			
			.nav1 #menu #menu_0 .kuang span:hover {
				background-color: #ff6700;
				color: white;
			}
			
			.nav1 #menu #menu_0 .kuang .xuangou {
				font-size: 12px;
				width: 60px;
				height: 24px;
				border: 1px solid orange;
			}
			
			.nav1 #menu #menu_0 {
				width: 900px;
				border-top: 1px solid #c0c0c0;
			}
			
			.nav1 #menu #menu_0>div {
				float: left;
			}
			
			.main .main1 {
				width: 1226px;
				height: 170px;
				/*border: 1px solid;*/
				margin-top: 15px;
				margin-bottom: 25px;
			}
			
			.main .main1 .main11 {
				width: 234px;
				height: 170px;
				margin-right: 15px;
				background-color: #5F5750;
			}
			
			.main .main1 .main12 {
				width: 316px;
				height: 170px;
			}
			
			.main .main1 .main13 {
				width: 316px;
				height: 170px;
				margin-left: 14px;
			}
			
			.main .main1 .main14 {
				width: 316px;
				height: 170px;
				margin-left: 14px;
			}
			
			.main .main1>div {
				float: left;
			}
			
			.main .danpin {
				width: 1226px;
				height: 398px;
				/*border: 1px solid;*/
			}
			
			.main .danpin .header {
				width: 1226px;
				height: 58px;
				/*border: 1px solid;*/
			}
			
			.main .danpin .header .fl {
				float: left;
				text-align: center;
				line-height: 58px;
				font-size: 22px;
				font-family: sans-serif;
				font-weight: 200;
			}
			
			.main .danpin .header .fr {
				width: 80px;
				height: 24px;
				/*border: 1px solid;*/
				float: right;
				text-align: center;
				line-height: 58px;
			}
			
			.main .danpin .header .fr span {
				display: inline-block;
				text-align: center;
				line-height: 24px;
				vertical-align: middle;
				width: 26px;
				height: 24px;
				border: 1px solid darkgray;
				color: #606060;
				font-size: 22px;
				cursor: pointer;
			}
			
			.danpin .huadong {
				/*margin-left: -1220px;*/
				width: 2450px;
			}
			
			.danpin .huadong div {
				width: 234px;
				height: 340px;
				border-top: 1px solid red;
				float: left;
				background-color: #FAFAFA;
				margin: 0 6px;
			}
			
			.danpin {
				overflow: hidden;
			}
			
			.danpin .huadong .huadong1 p {
				text-align: center;
				font-size: 14px;
			}
			
			.danpin .huadong .huadong1 p a {
				text-decoration: none;
				color: black;
			}
			
			.danpin .huadong .huadong1 img {
				margin: 30px 37px;
			}
			
			.danpin .huadong .huadong1 span {
				color: #b0b0b0;
				font-size: 12px;
			}
			
			.danpin .huadong .huadong1 span1 {
				color: #ff6709;
			}
			.all .huise{
				background-color:#F5F5F5;
				height:auto;
				margin-top: -290px;
			}
			.all .huise .jiadian{
				width: 1226px;
				height:auto;
				margin: 35px auto;
				background-color:#F5F5F5;
				position: relative;
			}
			.all .huise .jiadian .header{
				width: 1226px;
				height: 58px;
				line-height: 58px;
			}
			.all .huise .jiadian .header .fr li{
				float: right;
				list-style-type: none;
				margin-left: 25px;
				font-size: 16px;
			}
			
			.all .huise .jiadian .header .fl{
				float: left;
				font-size: 22px;
				font-weight: 200;
			}
			.all .huise .jiadian .neirong{
				width: 1226px;
				height: 614px;
			}
			.all .huise .jiadian .neirong .c-left {
				width: 234px;
				height: 614px;
				position: relative;
			}
			.all .huise .jiadian .neirong .c-left img{
				width: 234px;
				height: 609px;
				position: absolute;
				left: -30px;
				top: -35px;
			}
			.all .huise .jiadian .neirong .c-right1 {
				width: 992px;
				height: 614px;
				position: absolute;
				top: 58px;
				left: 248px;
				/*display: none;*/
			}
			.all .huise .jiadian .neirong .c-right2 {
				width: 992px;
				height: 614px;
				position: absolute;
				top: 58px;
				left: 248px;
				/*display: none;*/
			}
			.all .huise .jiadian .neirong .c-right3 {
				width: 992px;
				height: 614px;
				position: absolute;
				top: 58px;
				left: 248px;
				/*display: none;*/
			}
			.all .huise .jiadian .neirong .c-right4 {
				width: 992px;
				height: 614px;
				position: absolute;
				top: 58px;
				left: 248px;
				/*display: none;*/
			}
			.hover{
				margin-bottom: 0px;
				border-bottom: 1px solid #EF6700;
				cursor: pointer;
				color: #EF6700;
			}
			.all .huise .jiadian .neirong  li{
				list-style-type: none;
				width: 234px;
				height: 300px;
				display: inline-block;
				float: left;
				margin:5px 6px;
				background-color: white;
				cursor: pointer;
				position: relative;
			}
			.all .huise .jiadian .neirong  li:hover .tanchu{
				display: block;
			}
			.all .huise .jiadian .neirong  img{
				width: 150px;
				height: 150px;
				margin: 40px;
			}
			.all .huise .jiadian .neirong .wenzi{
				margin-top: -30px;
				text-align: center;
			}
			.all .huise .jiadian .neirong   p{
				font-size: 14px;
				font-weight: 400;
			}
			.all .huise .jiadian .neirong   span{
				display: inline-block;
				font-size: 14px;
				color: #ff6700;
				margin-top: 10px;
				margin-right: 5px;
			}
			.all .huise .jiadian .neirong   span2{
				color: #b0b0b0;
				font-size: 12px;
			}
			.all .huise .jiadian .neirong   span1{
				font-size: 14px;
				text-decoration: line-through;
				color: #b0b0b0;
			}
			.all .huise .jiadian .neirong  .tanchu{
				display: none;
				width: 234px;
				height: 75px;
				background-color: #FF6700;
				position: absolute;
				bottom: 0;
				z-index: 10;
			}
			.all .huise .jiadian .neirong  .tanchu p{
				display: inline-block;
				font-size: 12px;
				color: white;
				margin:0 25px;
				margin-top: 15px;
			}
			.all .huise .jiadian .neirong  .tanchu span{
				color: #757575;
				margin-top: -200px;
				color: #FFBE92;
				font-size: 11px;
			}
			.huise .jiadian .end{
				width:234px;
				height: 300px;
			}
			.all .huise .jiadian  .neirong .end1 img{
				width: 236px;
				height: 145px;
				position: absolute;
				top: 275px;
				left: 704px;
			}
			.all .huise .jiadian  .neirong .end2 img {
				width: 236px;
				height: 145px;
				position: absolute;
				top: 430px;
				left: 704px;
			}
			
			/*尾部*/
			.foot{
				background-color: #FAFAFA;
				height: 438px;
			}
			.foot .foot-top{
				background-color: white;
				height: 272px;
			}
			.foot .foot1{
				width: 1226px;
				margin: 0 auto;
				height: 79px;
				border-bottom: 1px solid #E0E0E0;
			}
			.foot .foot1 li{
				font-size: 16px;
				float: left;
				list-style: none;
				padding-left: 60px;
				padding-right: 24px;
				color: #616161;
				line-height: 79px;
				height: 79px;
			}
			.foot .foot1 li span{
				font-size: 25px;
				padding-left: 58px;
				color: #E0E0E0;
			}
			.foot .foot2{
				width: 1226px;
				height: 187px;
				margin: 0 auto;
				margin-top: 40px;
			}
			.foot .foot2-l{
				clear: both;
			}
			.foot .foot2-l dl{
				float: left;
				width: 150px;
				margin-left: 10px;
			}
			.foot .foot2-l dl dt{
				margin-bottom: 20px;
				color: #424242;
			}
			.foot .foot2-l dl dd{
				color: #757575;
				line-height: 30px;
				font-size: 12px;
			}
			.foot .foot2>div{
				float: left;
			}
			.foot .foot2r{
				width: 133px;
				height: 147px;
				margin-left: 13px;
				padding-left: 62px;
				padding-right: 57px;
				border-left: 1px solid #E0E0E0;
			}
			.foot .fp1{
				font-size: 20px;
				color: #EF6700;
				text-align: center;
				line-height: 25px;
				width: 150px;
			}
			.foot .fp2{
				font-size: 12px;
				color: #616161;
				text-align: center;
				line-height: 18px;
			}
			.foot .fp3{
				height: 28px;
				width: 118px;
				line-height: 28px;
				text-align: center;
				border: 1px solid #EF6700;
				margin: 0 auto;
				margin-top: 16px;
				color: #EF6700;
				font-size: 12px;
			}
			.foot .fp3:hover{
				background-color: #EF6700;
				color: white;
				cursor: pointer;
			}
			.foot .foot-bottom{
				width: 1226px;
				height: 106px;
				padding: 30px 0;
				margin: 0 auto;
			}
			.foot .foot-bottom>div{
				float: left;
			}
			.foot .fl{
				width: 57px;
				height: 57px;
				margin-right: 10px;
				background-image: url(img/logo-footer.png);
				background-position: center;
				background-repeat: none;
			}
			.foot .fm{
				font-size: 12px;
				line-height: 18px;
			}
			.foot .fmp1,.fmp1 a{
				color: #757575;
				text-decoration: none;
			}
			.foot .fm a:hover{
				color: #EF6700;
			}
			.foot .fmp2,.fmp2 a{
				text-decoration: none;
				color: #B0B0B0;
			}
			.foot .fr{
				margin-left: 750px;
				margin-top: -50px;
			}
			.foot .fs{
				width: 267px;
				height: 19px;
				margin: 30px 479.5px 0 479.5px;
				margin: 0 auto;
				color: #333333;
				position: relative;
			}
			.foot .fs img{
				position: absolute;
				top: -50px;
			}
		</style>
	</head>

	<body>
		<div class="all">
			<div class="head">
				<div class="head-top">
				</div>
				<div class="head-bottom">
					<div class="nav">
						<div class="nav-left">
							<ul>
								<li>
									<a href="#">小米商城</a><span>|</span></li>
								<li>
									<a href="#">MIUI</a><span>|</span></li>
								<li>
									<a href="#">米聊</a><span>|</span></li>
								<li>
									<a href="#">游戏</a><span>|</span></li>
								<li>
									<a href="#">多看阅读</a><span>|</span></li>
								<li>
									<a href="#">云服务</a><span>|</span></li>
								<li>
									<a href="#">金融</a><span>|</span></li>
								<li>
									<a href="#">小米商城移动版</a><span>|</span></li>
								<li>
									<a href="#">问题反馈</a><span>|</span></li>
								<li>
									<a href="#">Select Region</a><span>|</span> </li>
							</ul>
						</div>
						<div class="buycar">
							<p align="center">
								<a target="_blank" href="----修改的购物车.html">购物车</a>
							</p>
							<!--<div class="buylist"></div>-->
						</div>
						<div class="nav-right">
							<ul>
								<li>
									<a href="----小米登陆页面.html">登陆</a>
								</li>
								<li>
									<a href="----小米注册页面.html	">注册</a><span>|</span></li>
								<li>
									<a href="----小米登陆页面.html">消息通知</a><span>|</span></li>
							</ul>
						</div>
						
					</div>
				</div>
			</div>
			<div class="main">
				<!--主体导航栏-->
				<div class="daohang">
					<div class="logo">
						<img src="img/mi-logo.png" />
					</div>
					<div class="gif"><img src="img/yyymix.gif" /></div>
					<div class="daohang1">
						<ul>
							<li>
								<a href="">小米手机</a>
								<div class="item">
									<div class="item_0">
										<span>现货</span>
										<img width="160px" height="110px" src="img/xm6-320.png" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
									<div class="item_0">
										<img width="160px" height="110px" src="img/max2_toubu.png" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
									<div class="item_0">
										<span1>新品</span1>
										<img width="160px" height="110px" src="img/xiaomiNOTE2-320-220!160x110.jpg" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
									<div class="item_0">
										<img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
									<div class="item_0">
										<img width="160px" height="110px" src="img/mi5s-320.png" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
									<div class="item_00">
										<img width="160px" height="110px" src="img/mi5c_320x220.png" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
								</div>
							</li>
							<li>
								<a href="">红米</a>
								<div class="item">
									<div class="item_0"><span>现货</span><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
									<div class="item_0"><img width="160px" height="110px" src="img/mi5s-320.png" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
								</div>
							</li>
							<li>
								<a href="">平板·笔记本</a>
								<div class="item">
									<div class="item_0"><span>现货</span><img width="160px" height="110px" src="img/mi5s-320.png" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
								</div>
							</li>
							<li>
								<a href="">电视</a>
								<div class="item">
									<div class="item_0"><span>超薄旗舰</span><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
								</div>
							</li>
							<li>
								<a href="">盒子·影音</a>
								<div class="item">
									<div class="item_0"><span>赠米粉卡</span><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5s-320.png" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
								</div>
							</li>
							<li>
								<a href="">路由器</a>
								<div class="item">
									<div class="item_0"><span>大容量</span><img width="160px" height="110px" src="img/MIX-320-220!160x110.jpg" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
									<div class="item_0">
										<span1>新品</span1><img width="160px" height="110px" src="img/mi5s-320.png" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
								</div>
							</li>
							<li>
								<a href="">智能硬件</a>
								<div class="item">
									<div class="item_0"><span>现货</span><img width="160px" height="110px" src="img/mi5s-320.png" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
									<div class="item_00"><img width="160px" height="110px" src="img/mi5c_320x220.png" />
										<p>小米6</p>
										<span0>2499元起</span0>
									</div>
								</div>
							</li>
							<li>
								<a href="">服务</a>
							</li>
							<li>
								<a href="">社区</a>
							</li>
						</ul>
					</div>
					<div class="search">
						<input type="text" name="" id="" value="" placeholder="请输入要搜索的内容"/>
						<a href="----耳机搜索页面.html"><div class="tupian"></div></a>
					</div>
				</div>
				<!--轮播图一行-->
				<div class="nav1">
					<div class="context">
						<a href="https://hd.mi.com/x/07281m/index.html?client_id=180100041086&masid=17409.0101">
							<img src="img/xmad_15023581788969_COuGL.jpg" />
						</a>
					</div>

					<div id="menu">
						<ul>
							<li>手机 电话卡
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang"><img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span></div>
										<div class="kuang"><img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span></div>
										<div class="kuang"><img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span></div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xm6_80.png" />
											<p>小米6</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>笔记本 平板
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/bijiben80.jpg" />
											<p>笔记本13.3英寸</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>电视 盒子
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang"><img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span></div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/xp80_65.jpg" />
											<p>小米电视4A 65寸</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>路由器 智能硬件
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/jly80.jpg" />
											<p>米家行车记录仪</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/jly80.jpg" />
											<p>米家行车记录仪</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/jly80.jpg" />
											<p>米家行车记录仪</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/jly80.jpg" />
											<p>米家行车记录仪</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/jly80.jpg" />
											<p>米家行车记录仪</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>移动电源 电池 插线板
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/yidongdianyuan.jpg" />
											<p>移动电源</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>耳机 音箱
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/toudai80.jpg" />
											<p>小米头戴式耳机</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>保护套 贴膜
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/baohu.jpg" />
											<p>保护套/保护壳</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>线材 支架 存储卡
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang"><img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span></div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang"><img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span></div>
									</div>
									<div>
										<div class="kuang"><img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span></div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span></div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/zhijia.jpg" />
											<p>手机支架</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>箱包 服饰 鞋 眼镜
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/lvxingxiang.jpg" />
											<p>90分旅行箱</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
							<li>米兔 生活周边
								<div id="menu_0">
									<div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
									</div>
									<div>
										<div class="kuang"><img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span></div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
										<div class="kuang">
											<img src="img/mitu-80.jpg" />
											<p>米兔玩偶</p>
											<span>选购</span>
										</div>
									</div>
								</div>
								<strong>&gt;</strong>
							</li>
						</ul>
						</div>

						<div class="btn">
							<div class="left">&lt;</div>
							<div class="right">&gt;</div>
						</div>
						<div class="dian">
							<ul class="item1">
								<li class="active" data-index="0" data-src="img/xmad_15023581788969_COuGL.jpg" data-href="https://hd.mi.com/x/07281m/index.html?client_id=180100041086&masid=17409.0101"></li>
								<li data-index="1" data-src="img/xmad_15023605827425_zEYNa.jpg" data-href="https://item1.mi.com/product/10000021.html"></li>
								<li data-index="2" data-src="img/xmad_15023606673783_PLxOT.jpg" data-href="https://item1.mi.com/product/10000057.html"></li>
								<li data-index="3" data-src="img/xmad_15023607359871_QLJbZ.jpg" data-href="https://https://item1.mi.com/product/10000022.html"></li>
								<li data-index="4" data-src="img/xmad_15022768455536_CYvNg.jpg" data-href="https://www.mi.com/cuxiao/?client_id=180100041086&masid=17409.0100"></li>
								<li data-index="5" data-src="img/xmad_15022810332736_bJimc.jpg" data-href="https://www.mi.com/mibookair/"></li>
							</ul>
						</div>
					</div>
				<!--选购手机、企业团购一行-->
				<div class="main1">
						<div class="main11"><img src="img/2017-08-14_145242.png"/></div>
						<div class="main12"><a href="#"><img width="100%" height="100%" src="img/xmad_15003715770333_wcfWe.jpg" /></a> </div>
						<div class="main13"><a href="#"><img width="100%" height="100%" src="img/xmad_15005343293076_OmbUo.jpg" /></a> </div>
						<div class="main14"><a href="#"><img width="100%" height="100%" src="img/xmad_15005382018863_bsqwp.jpg" /></a> </div>
				</div>

				<!--滑动的-->
				<div class="danpin">
						<div class="header">
							<div class="fl">小米明星单品</div>
							<div class="fr"><span>&lt;</span><span>&gt;</span></div>
						</div>
						<div class="huadong">
							<div class="huadong1">
								<a href="----语音遥控器.html"> <img width="160px" height="160px" src="img/pms_1491365468.1786002!180x180.jpg" /></a>
								<p>
									<a href="----语音遥控器.html">小米蓝牙触控语音遥控器</a>
								</p>
								<p><span>语音智能搜片</span></p>
								<p>
									<span1>89元起</span1>
								</p>
							</div>
							<div class="huadong1">
								<a href=""> <img width="160px" height="160px" src="img/xmad_14966625747867_qcTyh.png" /></a>
								<p>
									<a href="">红米4X</a>
								</p>
								<p><span>4100mAh超长续航，8 核处理器</span></p>
								<p>
									<span1>699元起</span1>
								</p>
							</div>
							<div class="huadong1">
								<a href=""> <img width="160px" height="160px" src="img/5e2eb710-a99f-4235-ac5c-1b20b1e6c3b6.png" /></a>
								<p>
									<a href="">小米5s 64GB</a>
								</p>
								<p><span>下单立减200元</span></p>
								<p>
									<span1>1999元起</span1>
								</p>
							</div>
							<div class="huadong1">
								<a href=""> <img width="160px" height="160px" src="img/5e2eb710-a99f-4235-ac5c-1b20b1e6c3b6.png" /></a>
								<p>
									<a href="">小米5s 64GB</a>
								</p>
								<p><span>下单立减200元</span></p>
								<p>
									<span1>1999元起</span1>
								</p>
							</div>
							<div class="huadong1">
								<a href=""> <img width="160px" height="160px" src="img/xmad_1489401341687_vUojl.png" /></a>
								<p>
									<a href="">红米Note 4X</a>
								</p>
								<p><span>4100mAh超长续航，多彩金属</span></p>
								<p>
									<span1>999元起</span1>
								</p>
							</div>
							<div class="huadong1">
								<a href=""> <img width="160px" height="160px" src="img/xmad_1489401341687_vUojl.png" /></a>
								<p>
									<a href="">红米Note 4X</a>
								</p>
								<p><span>4100mAh超长续航，多彩金属</span></p>
								<p>
									<span1>999元起</span1>
								</p>
							</div>
							<div class="huadong1">
								<a href=""> <img width="160px" height="160px" src="img/xmad_150218693401_WiKBZ.png" /></a>
								<p>
									<a href="">小米电视4A 32英寸</a>
								</p>
								<p><span>8月10日-8月16日立减100元</span></p>
								<p>
									<span1>1099元起</span1>
								</p>
							</div>
							<div class="huadong1">
								<a href=""> <img width="160px" height="160px" src="img/xmad_150218693401_WiKBZ.png" /></a>
								<p>
									<a href="">小米电视4A 32英寸</a>
								</p>
								<p><span>8月10日-8月16日立减100元</span></p>
								<p>
									<span1>1099元起</span1>
								</p>
							</div>
							<div class="huadong1">
								<a href=""> <img width="160px" height="160px" src="img/725a37e3-78b7-4298-8098-c40097bf179d.png" /></a>
								<p>
									<a href="">小米笔记本</a>
								</p>
								<p><span>更轻更薄，像杂志一样随身携带</span></p>
								<p>
									<span1>3599元起</span1>
								</p>
							</div>
							<div class="huadong1">
								<a href=""> <img width="160px" height="160px" src="img/725a37e3-78b7-4298-8098-c40097bf179d.png" /></a>
								<p>
									<a href="">小米笔记本</a>
								</p>
								<p><span>更轻更薄，像杂志一样随身携带</span></p>
								<p>
									<span1>3599元起</span1>
								</p>
							</div>
						</div>
					</div>
			</div>
			<div class="huise">
				<!--家电-->
				<div class="jiadian">
					<div class="header">
						<div class="fl">家电</div>
						<div class="fr">
							<ul>
							<li>家具</li>
							<li>电脑</li>
							<li>电视影音</li>
							<li class="hover">热门</li>
							</ul>
						</div>
					</div>
					<div class="neirong">
						<div class="c-left">
							<a href="#"><img src="img/xmad_14950222431232_Twnyl.jpg"/></a> 
						</div>
						<div class="c-right1">
							<ul>
								<li>
									<img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div>
								</li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
										<div class="end1">
											<img src="img/2017-08-15_093430.png"/>
										</div>
										<div class="end2">
											<img src="img/2017-08-15_093547.png"/>
										</div>
							</ul>
						</div>
						<div class="c-right2">
							<ul>
								<li>
									<img src="img/pms_1490604824.19051012!220x220.jpg"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div>
								</li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
										<div class="end1">
											<img src="img/2017-08-15_093430.png"/>
										</div>
										<div class="end2">
											<img src="img/2017-08-15_093547.png"/>
										</div>
							</ul>
						</div>
						<div class="c-right3">
							<ul>
								<li>
									<img src="img/pms_1497801904.81994356!220x220.jpg"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div>
								</li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
										<div class="end1">
											<img src="img/2017-08-15_093430.png"/>
										</div>
										<div class="end2">
											<img src="img/2017-08-15_093547.png"/>
										</div>
							</ul>
						</div>
						<div class="c-right4">
							<ul>
								<li>
									<img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div>
								</li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
								<li><img src="img/pms_1490077454.46128587!220x220.png"/>
									<div class="wenzi">
									<p>小米电视4A 49英寸</p>
									<p><span2>8月10日-16日限时特惠，立减400元</span2></p>
									<p><span>2199元</span><span1>2599元</span1></p>
									<div class="tanchu">
										<p>简洁清晰，精致，性价比高，最爱小米</p>
										<span>来自于帅比的评价</span>
									</div>
									</div></li>
										<div class="end1">
											<img src="img/2017-08-15_093430.png"/>
										</div>
										<div class="end2">
											<img src="img/2017-08-15_093547.png"/>
										</div>
							</ul>
						</div>
						
						
						
					</div>
				
				</div>
				
			</div>
			<!--尾部-->
			<div class="foot">
				<div class="foot-top">
					<div class="foot1">
						<ul>
							<li>预约维修服务<span>|</span></li>
							<li>7天无理由退货<span>|</span></li>
							<li>15天免费换货<span>|</span></li>
							<li>满150元包邮<span>|</span></li>
							<li>520余家售货网点</li>
						</ul>
					</div>
					<div class="foot2">
						<div class="foot2-l">
							<dl>
								<dt>帮助中心</dt>
								<dd>账户管理</dd>
								<dd>购物指南</dd>
								<dd>订单操作</dd>
							</dl>
							<dl>
								<dt>服务支持</dt>
								<dd>售后政策</dd>
								<dd>自助服务</dd>
								<dd>相关下载</dd>
							</dl>
							<dl>
								<dt>线下门店</dt>
								<dd>小米之家</dd>
								<dd>服务网点</dd>
								<dd>零售网点</dd>
							</dl>
							<dl>
								<dt>关于小米</dt>
								<dd>了解小米</dd>
								<dd>加入小米</dd>
								<dd>联系我们</dd>
							</dl>
							<dl>
								<dt>关注我们</dt>
								<dd>新浪微博</dd>
								<dd>小米部落</dd>
								<dd>官方微信</dd>
							</dl>
							<dl>
								<dt>特色服务</dt>
								<dd>F码通道</dd>
								<dd>礼物码</dd>
								<dd>防伪查询</dd>
							</dl>
						</div>
						<div class="foot2r">
							<p class="fp1">400-100-5678</p>
							<p class="fp2">周一至周日 8:00-18:00</p>
							<p class="fp2">（仅收市话费）</p>
							<p class="fp3">24小时在线客服</p>
						</div>
					</div>
				</div>
				<div class="foot-bottom">
					<div class="fl">
						
					</div>
					<div class="fm">
						<p class="fmp1"><a href="#">小米商城</a> <span>|</span> <a href="#">MIUI</a> <span>|</span> <a href="#">米聊</a> <span>|</span> <a href="#">多看书城</a> <span>|</span> <a href="#">小米路由器</a> <span>|</span> <a href="#">视频电话</a> <span>|</span> <a href="#">小米天猫店</a> <span>|</span> <a href="#">小米淘宝直营店</a> <span>|</span> <a href="#">小米网盟</a> <span>|</span> <a href="#">小米移动</a> <span>|</span> <a href="#">隐私政策</a> <span>|</span> <a href="#">Select Region</a></p>
						<p class="fmp2">&copy;<a href="#">mi.com</a> 京ICP证110507号 <a href="#">京ICP备10046444号</a> <a href="#">京公网安备11010802020134号</a> <a href="#">京网文[2014]0059-0009号</a> </p>
						<p class="fmp2">违法和不良信息举报电话：185-0130-1238，本网站所列数据，除特殊说明，所有数据均出自我司实验室测试</p>
					</div>
					<div class="fr">
						<a href="#"><img width="85" height="28px" src="img/truste.png"/></a><a href="#"><img src="img/v-logo-2.png"/></a><a href="#"><img src="img/v-logo-1.png"/></a><a href="#"><img src="img/v-logo-3.png"/></a>
					</div>
					
				</div>
				<div class="fs">
					<img src="img/2017-08-15_085552.png"/>
				</div>
			</div>
			
		</div>

			<script type="text/javascript">
				//轮播图
				window.onload = function() {
					var item1index = 0;

					var lis = document.querySelectorAll(".item1 li");
					var aEl = document.querySelector(".context>a");
					//				var img = document.querySelector(".context img"); 
					for(var i = 0; i < lis.length; i++) {
						lis[i].onclick = function() { //方便加图
							var src = this.getAttribute("data-src"); //获取data-
							var href = this.getAttribute("data-href");
							item1index = this.getAttribute("data-index") * 1; //字符串变数值
							//得到a标签和img
							aEl.href = href;
							aEl.children[0].src = src;

							for(var i = 0; i < lis.length; i++) {
								lis[i].removeAttribute("class");
							}
							this.className = "active";
						}
					}
					var btns = document.querySelectorAll(".btn div");

					//模拟左右按键
					btns[0].onclick = function() { //左按键
						if(item1index == 0) {
							item1index = lis.length;
						}
						lis[item1index - 1].click();
					}
					btns[1].onclick = function() { //右按键
						if(item1index == lis.length - 1) {
							item1index = -1;
						}
						lis[item1index + 1].click();
					}

					//自动播放
					setInterval(function() {
						btns[1].click();
					}, 4000);
				}
					//明星单品
					var spans = document.querySelectorAll(".danpin .header span");
					var left = 0;
					spans[0].onclick = function() {
						var text = document.querySelector(".danpin .huadong");
//						text.style.marginLeft = "0px";
						var left = -1240;
						if(text.style.marginLeft != "0px") {
							var id = setInterval(function() {
								text.style.marginLeft = left + "px";
								left += 20;
								if(left == 20) {
									clearInterval(id);
								}
							}, 20)
						}
					}
					spans[1].onclick = function() {
						var text = document.querySelector(".danpin .huadong");
						var left = 0;
						if(text.style.marginLeft != "-1250px") {
							var id = setInterval(function() {
								text.style.marginLeft = left + "px";
								left -= 20;
								if(left == -1000) {
									clearInterval(id);
								}
							}, 20)
						}
					}
					
					//家电横切
					var liex = document.querySelectorAll(".header li")
					var right1 = document.querySelector(".c-right1")
					var right2 = document.querySelector(".c-right2")
					var right3 = document.querySelector(".c-right3")
					var right4 = document.querySelector(".c-right4")
					
					for (var i = 0; i < liex.length; i++) {
						liex[i].onmouseover=function(){
							for (var i = 0; i < liex.length; i++) {
								liex[i].removeAttribute("class");
							}
							this.className="hover";
							if(liex[0].className=="hover"){
								right1.style.zIndex="1"
							}else{
								right1.style.zIndex="0"
							}
							if(liex[1].className=="hover"){
								right2.style.zIndex="1"
							}else{
								right2.style.zIndex="0"
							}
							if(liex[2].className=="hover"){
								right3.style.zIndex="1"
							}else{
								right3.style.zIndex="0"
							}
							if(liex[3].className=="hover"){
								right4.style.zIndex="1"
							}else{
								right4.style.zIndex="0"
							}
							
						}
					}
					
			</script>
	</body>

</html>